<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>客户认购</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../css/daoke.css" />
	<link rel="stylesheet" type="text/css" href="../css/common.css" />
</head>

<body>
	<!-- 顶部 -->
	<div class="ht60 common-header">
		<div>
			<h1 class="logo">
				人脸识别管理系统
			</h1>
			<span class="common-header-select">xxx项目演示<i class="iconfont icon-xiala"></i></span>
		</div>
		<div>
			<i class="iconfont icon-weibiaoti- color-f cursor-p" style="font-size:28px"></i>
			<!-- 消息模块 start -->
			<div class="bg-f pos-a radius-5 display-n"
				style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);">
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-huiyi1 color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">会议管理</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3">
						<div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
						<div style="margin: 10px 0">会议标题：年度会议</div>
						<div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
						<div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
						<div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
					</div>
				</div>
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-shenpi color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">审核</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3" style="margin: 10px 0">
						<span>张志章提交的通知公告需要您审批。</span>
					</div>
				</div>
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-shenpi color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">审核</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3" style="margin: 10px 0">
						<span>张志章提交的通知公告需要您审批。</span>
					</div>
				</div>
			</div>
			<!-- 消息模块 end -->
			<span class="cursor-p mr-15 ml-15 display-n">
				<i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
				<span class="color-f font14 display-ib" style="margin-left:10px">刘德华</span>
				<!-- 个人信息 start -->
				<div class="infobox pos-a bg-f b-box" style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; display: block;z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
              margin: 5px 0;">
					<div class="common-info-item">修改密码</div>
					<div class="common-info-item">退出登录</div>
				</div>
				<!-- 个人信息 start -->
			</span>
		</div>
	</div>
	<!-- 导航 && 页面区域 start-->
	<section class="common-container">
		<!-- 导航 start-->
		<aside>
			<ul>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
			</ul>
		</aside>
		<!-- 导航 end-->
		<!-- 内容区域 start-->
		<div class=" common-container-main">
			<!-- 面包屑 start -->
			<div class="ht40 bg-f flex-c font14 color-3" style="padding:0 20px;margin-bottom: 20px">
				<div class="flex-c" style="margin-right: 20px">
					<i class=" color-theme iconfont icon-fanhui5" style="font-size:25px;"></i>
					<span style="margin-left: 10px;">返回</span>
				</div>
				<div class="flex-c">
					<span>客户认购</span>
				</div>
			</div>
			<!-- 面包屑 end -->
			<!-- 初始化页面 start -->

			<div class="display-" style="display: flex;justify-content: space-between;">
				<!-- 左边 start -->
				<div class="font14 color-3 display-" style="width: 59%;">
					<div class="bg-f p20" style="margin-left:5px;min-height: 170px ">
						<div style="display:flex; margin-top: 10px">
							<div style="margin-right:17px;">
								<img src="../images/bg.png" style="width:170px;height:160px;" />
							</div>
							<div style="width:40%">
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 姓名：小明 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 性别：男 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 年龄：28 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span>身高(cm)：180 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 电话：15508012101 </span>
								</div>
							</div>
							<div style=" ">
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span>刷新时间：2019-08-01 17:45:53 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 系统判定：正常 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 通用规则：无违规 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span>人工复核:风险 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 复核备注：未在约定时间到达 </span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 左部 end -->
				<!-- 右边 start -->
				<div class="font14 color-3 display-" style="width: 39%;">
					<div class="bg-f p20" style="margin-right:10px;min-height: 170px">
						<div style="display:flex;  margin-top: 10px;">
							<div style="width: 70%">
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 经纪人：文森 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 首次带看时间：2019-09-07 17:45:53 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 签约时间：2019-09-09 17:45:53 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span>签约方式：全款 </span>
								</div>
							</div>
							<div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 签约楼号：6号楼 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 签约单元：3单元 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 签约房号：1602 </span>
								</div>
								<div style="height: 32px;display: flex;align-items: flex-end;">
									<span> 是否认购：是 </span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 右边 end -->
			</div>

			<!--  认购信息 start -->
			<div class="display-" style=" margin-top: 10px;">
				<div class="display-">
					<div class="bg-f color-3 p20" style="font-size:14px  ">
						<div style="margin-left: 32px;margin-bottom: 20px">
							认购信息
						</div>
						<div class="flex-js-c bg-f color-3 common_search_flex" style="font-size:14px;padding: 0 20px;">
							<div class="flex-c pt-10">
								<span style="margin-left:16px;width: 80px"> 楼栋号:</span>
								<input type="text" class="text" placeholder="请输入楼栋号" />
							</div>
							<div class="flex-c pt-10">
								<span style="margin-left:16px;width: 80px"> 单元号:</span>
								<input type="text" class="text" placeholder="请输入单元号" />
							</div>
							<div class="flex-c pt-10">
								<span style="margin-left:16px;width: 80px"> 房号:</span>
								<input type="text" class="text" placeholder="请输入房号" />
							</div>
							<div class="flex-c pt-10">
								<span style="margin-left:16px;width: 80px"> 房价:</span>
								<input type="text" class="text" placeholder="请输入房价" />
							</div>
							<div class="flex-c pt-10">
								<span style="margin-left:16px;width: 100px"> 签约方式:</span>
								<select class="select display-">
									<option>请选择</option>
									<option>全款</option>
									<option>按揭</option>
								</select>
							</div>
							<div class="flex-c pt-10">
								<!-- <div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib"  style="width:30px;margin-left:16px;"  title="搜索"> -->
								<span class="rule-delete-button">确定认购</span>
								<i class="iconfont icon-sousuo color-f font18"></i>
							</div>
						</div>
					</div>
				</div>
				<!-- 认购信息 end -->
				<div class="bg-f color-3 p20" style="font-size:14px  ">
					<div style="margin-left: 32px;margin-bottom: 20px">
						历史认购记录
					</div>

					<!-- 初始化表格start -->
					<div class="bg-f color-3 p20" style="font-size:14px;">
						<!-- 表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">认购时间<i
									class="iconfont icon-shangxia color-3 font12 ml1"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">楼栋号
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">单元号
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">房间号
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;">价格 <i
									class="iconfont icon-shangxia color-3 font12 ml1"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">经纪人
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">所属渠道
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">置业顾问
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">认购方式
							</span>
						</div>
						<!-- 表头 end -->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow"> <span class="display-ib p5 border-r-1 text-c b-box"
									style="width:10%;" title="">2019-09-01 21:27:32
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">六号楼
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">一单元
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">9999
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;"
									title="">8565699
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">建设大街
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">哈哈哈
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">如风达
								</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
									title="">全款
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 初始化页面 end -->

			<div class="display-" style=" margin-top: 10px;">
				<div class="display-">
					<div class="bg-f  " style="font-size:14px  ">
						<div style="margin-left: 56px;margin-bottom: 10px;margin-top: 10px">
							留痕记录 共搜索到相似的图片 6张，6 次疑似到访记录
							<div class="display-ib pos-r" style="margin-left: 20px">
								<select class="select display-" style="width: 100px;">
									<option>请选择</option>
									<option>抓拍结果</option>
									<option>手机认证</option>
									<option>导入</option>
								</select>
							</div>
						</div>
						<div class="tableRow tableRecordRow"
							style="height: 160px;margin-left:32px;background-color: #fff">
							<span style="width:12%;" class="display-ib p5 text-c b-box">
								<img src="img/rule-icon.png" />
								<p>
									2019-09-01 21:27:32
								</p>
							</span><span style="width:12%;" class="display-ib p5 text-c b-box">
								<img src="img/rule-icon.png" />
								<p>
									2019-09-01 21:27:32
								</p>
							</span><span style="width:12%;" class="display-ib p5 text-c b-box">
								<img src="img/rule-icon.png" />
								<p>
									2019-09-01 21:27:32
								</p>
							</span>
						</div>
						<!-- 表头 start -->
						<div class="t_title">
							<span class="display-ib p5   text-c b-box" style="width:20%;">
								时间
							</span><span class="display-ib p5 text-c b-box" style="width:35%;">
								留痕记录 </span><span class="display-ib p5   text-c b-box" style="width:20%;">
								人脸相似度 </span><span class="display-ib p5   text-c b-box" style="width:25%;">
								短视频</span>
						</div>
						<!-- 表头 end -->
						<!-- 表体 start -->
						<div class="tableRow tableImgRow">
							<span class="display-ib p5   text-c b-box" style="width:20%;" title="">
								2019-09-01 21:27:32
							</span><span class="display-ib p5 text-c b-box" style="width:35% " title="">
								到访抓拍图(新算法抓拍机短焦-393) <img src="../images/bg.png" style="width:170px;height:120px;" />
							</span><span class="display-ib p5 text-c b-box" style="width:20%;" title="">一单元
							</span><span class="display-ib p5 text-c b-box" style="width:25%;" title=""> 加载视频</span>
						</div>
						<div class="tableRow tableImgRow">
							<span class="display-ib p5   text-c b-box" style="width:20%;" title="">
								2019-09-01 21:27:32
							</span><span class="display-ib p5 text-c b-box" style="width:35% " title="">
								到访抓拍图(新算法抓拍机短焦-393) <img src="../images/bg.png" style="width:170px;height:120px;" />
							</span><span class="display-ib p5 text-c b-box" style="width:20%;" title="">一单元
							</span><span class="display-ib p5 text-c b-box" style="width:25%;" title=""> 加载视频</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 内容区域 end -->
	</section>
</body>

</html>